<!--  -->
<template>
  <div>
    <img class="header-img" :src="logoSrc" :style="logoStyle" />
    <template v-if="titles.length > 0">
      <div
        class="header-title"
        :class="{ cursor: !!homeUrl }"
        @click="toHomepage()"
        style="display: inline-block; vertical-align: top; height: 100%"
      >
        <template v-for="(title, index) of titles">
          <div class="title" v-html="title" :key="index"></div>
        </template>
      </div>
    </template>
  </div>
</template>

<script lang='ts' src='./index.ts'></script>
<style lang='scss' scoped>
@import "./_index.scss";
</style>